<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>千锋🤝美团大数据平台</title>
		<link rel="stylesheet" href="./assets/css/reset.css" />
	</head>
	<body>
		<!-- <div class="test"></div> -->
		<!-- 头 -->
		<header>
			<h1>千锋🤝美团大数据平台</h1>
			<span>2022年3月14日18时40分1秒</span>
		</header>
		<!-- 头 -->

		<!-- 内容 -->
		<section class="main">
			<div class="column left">
				<div class="box item1" style="height: 4rem"></div>
				<div class="box item2" style="height: 2.6rem">
					<div class="alltitle">
						<div class="line"></div>
						<span>标题样式</span>
					</div>
					<div class="wraptit">
						<span class="w1">单号</span>
						<span class="w2">金额</span>
						<span class="w3">品名</span>
						<span class="w4">时间</span>
					</div>
					<div class="wrap">
						<ul>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
							<li>
								<span class="w1">100021415</span>
								<span class="w2">199</span>
								<span class="w3">手机</span>
								<span class="w4">18小时</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="box item3" style="height: 2.6rem"></div>
			</div>
			<div class="column mid">
				<div class="box item1" style="height: 2.3rem">
					<div class="left">
						<div class="top">
							<span>总体情况</span> &nbsp;
							<span>(单位：元)</span>
						</div>
						<div class="main">
							19382721
						</div>
					</div>
					<div class="right">
						<div class="box1"></div>
						<div class="box2"></div>
						<div class="box3"></div>
					</div>
				</div>
				<div class="box item2 box-m2" style="height: 3.5rem"></div>
				<div class="box item3" style="height: 3.4rem"></div>
			</div>
			<div class="column right">
				<div class="box item1" style="height: 3rem">
					<div class="alltitle">
						<div class="line"></div>
						<span>标题样式</span>
					</div>
					<div class="wraptit">
						<span class="w1">排名</span>
						<span class="w2">公司</span>
						<span class="w3">数量</span>
						<span class="w4">增长率</span>
					</div>

					<div class="wrap">
						<ul>
							<li>
								<span class="w1">1</span>
								<span class="w2">腾讯科技</span>
								<span class="w3">114万</span>
								<span class="w4">100%</span>
							</li>
							<li>
								<span class="w1">2</span>
								<span class="w2">百度公司</span>
								<span class="w3">923823万</span>
								<span class="w4">21%</span>
							</li>
							<li>
								<span class="w1">3</span>
								<span class="w2">新浪</span>
								<span class="w3">1240253万</span>
								<span class="w4">12%</span>
							</li>
							<li>
								<span class="w1">4</span>
								<span class="w2">网易</span>
								<span class="w3">1.2亿</span>
								<span class="w4">39%</span>
							</li>
							<li>
								<span class="w1">5</span>
								<span class="w2">雅虎</span>
								<span class="w3">13423万</span>
								<span class="w4">9%</span>
							</li>
						</ul>
					</div>
				</div>

				<div class="box item1" style="height: 3rem">
					<div class="alltitle">
						<div class="line"></div>
						<span>标题样式</span>
					</div>
					<div class="wraptit">
						<span class="w1">排名</span>
						<span class="w2">公司</span>
						<span class="w3">数量</span>
						<span class="w4">增长率</span>
					</div>

					<div class="wrap">
						<ul>
							<li>
								<span class="w1">1</span>
								<span class="w2">腾讯科技</span>
								<span class="w3">114万</span>
								<span class="w4">100%</span>
							</li>
							<li>
								<span class="w1">2</span>
								<span class="w2">百度公司</span>
								<span class="w3">923823万</span>
								<span class="w4">21%</span>
							</li>
							<li>
								<span class="w1">3</span>
								<span class="w2">新浪</span>
								<span class="w3">1240253万</span>
								<span class="w4">12%</span>
							</li>
							<li>
								<span class="w1">4</span>
								<span class="w2">网易</span>
								<span class="w3">1.2亿</span>
								<span class="w4">39%</span>
							</li>
							<li>
								<span class="w1">5</span>
								<span class="w2">雅虎</span>
								<span class="w3">13423万</span>
								<span class="w4">9%</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="box item3" style="height: 3.2rem"></div>
			</div>
		</section>
		<!-- 内容 -->

		<script src="./assets/js/flexible.js"></script>
		<script src="http://unpkg.com/jquery"></script>
		<script src="https://unpkg.com/webopenfather-date@1.0.1/dist/wofDate.js"></script>
		<script src="http://unpkg.com/echarts"></script>

		<script src="./assets/js/left1.js"></script>
		<script src="./assets/js/left2.js"></script>
		<script src="./assets/js/left3.js"></script>

		<script src="./assets/js/m1.js"></script>
		<script src="./assets/js/m2.js"></script>
		<script src="./assets/js/m3.js"></script>

		<script src="./assets/js/right1.js"></script>
		<script src="./assets/js/right2.js"></script>
		<script src="./assets/js/right3.js"></script>

		<script>
			// console.log(wofDate.format('Y-m-d H:i:s'))
			// console.log(wofDate.format('Y/m/d'))
			// console.log(wofDate.format('Y/m/d H:i:s'))
			setInterval(() => {
				$('header span').html(wofDate.format('Y年m月d日H时i分s秒'))
			}, 1000)
		</script>
	</body>
</html>
